{extend name="index/index" /}
{block name='main'}

	<div class="center-block container p40" style=' background-color: #fff;border:1px solid #ccc'>
	<div class='row'>
		<div class='col-md-3 clearfix' style="margin-top:-10px">
		    {if empty($data['icon'])}
			
			<img src="__IMG__/1.jpg" class="img-circle pull-left "  width=188px height=188px alt="">
			{else}
			<img src="__UPLOAD__{$data.icon}" class="img-circle pull-left "  width=188px height=188px alt="">
		    {/if}
		</div>
		<div class='col-md-9'>
		  <form action="{:url('index/user/set')}" method="post">
			<ul class='list-unstyled clearfix ' style='font-size: 15px;'>
				<li class='pull-left' style='font-size: 22px;padding-right: 20px'>{$data['name']}</li>
				<li class='pull-left' style='margin-top: 5px'><span style='border:1px red solid;border-radius:50%;margin-top:10px;color:red;'>LV. <b>0</b></span></li>
				<li class='pull-left' style='padding-left: 20px;margin-top: 5px'>{if $data['sex']==0 }
                      男
                      {elseif  $data['sex']==1} 女
                      {else}
                      保密
                {/if}
				</li>
				<li class='pull-right'><button class="btn btn-default">编辑个人资料</button></li>
			</ul>
			</form>
			<ul class='list-unstyled clearfix'>
				<li class='pull-left' style='padding-right: 40px'><a href="" style='color:#666'><span style='font-size: 24px'>{$ji['jifen']}</span><br><span style='font-size: 12px'>积分</span></a></li>
				<li class='pull-left' style='padding-right: 40px'><a href="" style='color:#666'><span style='font-size: 24px'>0</span><br><span style='font-size: 12px'>关注</span></a></li>
				<li class='pull-left' style='padding-right: 40px'><a href="" style='color:#666'><span style='font-size: 24px'>0</span><br><span style='font-size: 12px'>粉丝</span></a></li>
			</ul>
			
			<ul class='list-unstyled clearfix'>
				<li class='pull-left'>生日:{$data['birthday']}</li>
		        <br>
		        <br>

			
				<li class='pull-left'>所在地区:{$data['address']}</li>
			</ul>
		
		</div>
		</div>
		<div class='clearfix' style='padding-top:20px;  '>
			<span style='font-size:25px;'>听歌排行</span> <span>累计听歌xxx首</span> 
			<span class='pull-right' style='cursor:pointer;'>所有时间</span>
			<span class='pull-right'>|</span>
			<span class='pull-right' style='font-weight: 700;cursor:pointer;'>最近一周</span>
		</div>
		<table class="table table-hover">
		<tr class='row show_hidden'>
			<td class='col-md-1'>1. <span class='glyphicon glyphicon-play' style=''></span></td>
			<td class='col-md-5' style='font-size: 16px;color:#333'>xxxxxx <span style='font-size: 16px;color:#aeaeae'>-xx</span></td>
			<td class='col-md-2'>
				<span class='glyphicon glyphicon-plus-sign' style='padding: 2px;'  title='添加到播放列表'></span>
				<span class='glyphicon glyphicon-folder-open' style='padding: 2px;' title='收藏'></span>
				<span class='glyphicon glyphicon-link' style='padding: 2px;' title='分享'></span>
				<span class='glyphicon glyphicon-download-alt' style='padding: 2px;' title='下载'></span>
			</td>
			<td class='col-md-4'>n次</td>
		</tr>
		</table>
		<span class='pull-right' style='cursor:pointer;'>查看更多</span>
	
	</div>
{/block}

